<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./font/font_index/iconfont.css">
    <link rel="stylesheet" href="./css/swiper-bundle.min.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/product_details.css">
</head>

<body>
    <div class="header">
        <div class="container">
            <div class="log">
                <img src="./imgs/login.png" alt="">
                <div>
                    <h1>熊猫优选</h1>
                    <span>XIONG MAO YOU XUAN</span>
                </div>
            </div>
            <div class="input clearfix">
                <span class="iconfont icon-fangdajing"></span>
                <input class="input_search" type="text" placeholder="搜索商品，发现更多优惠">
                <button class="button_search">搜索</button>
                <ul>
                </ul>
            </div>
            <div class="header_right">
                <div>
                    <img src="./imgs/index_baoyou.png" alt="">
                    <span>全程包邮</span>
                </div>
                <div>
                    <img src="./imgs/index_baoyou.png" alt="">
                    <span>全程包邮</span>
                </div>
                <div>
                    <img src="./imgs/index_baoyou.png" alt="">
                    <span>全程包邮</span>
                </div>
            </div>
        </div>
    </div>
    <div class="banner">
        <div class="select container">
            <ul>
                <li class="select_li"><a href="./index.html">首页</a></li>
            </ul>
        </div>
    </div>
    <div class="product_detaails">
        <div class="container">
            <div class="product">
                <div class="banner_img clearfix">
                    <!-- 显示盒子showbox -->
                    <div class="glass">
                        <!-- 遮罩层 -->

                        <!-- 放大镜盒子glassBox -->
                        <div class="right-box" id="right-box">
                            <img src="" alt="">
                        </div>
                        <!-- box -->
                        <div class="swiper ">
                            <div class="mask"></div>
                            <div class="swiper-wrapper show-box ">
                                <div class="swiper-slide "><img
                                        src='https://img.alicdn.com/i2/2110132440/O1CN01IKUCzk1TtZ3Ju18nA_!!2110132440.jpg_600x600q90.jpg'>
                                </div>
                                <div class="swiper-slide"> <img
                                        src='https://img.alicdn.com/i2/2110132440/O1CN01IKUCzk1TtZ3Ju18nA_!!2110132440.jpg_600x600q90.jpg'>
                                </div>
                                <div class="swiper-slide"> <img
                                        src='https://img.alicdn.com/i2/2110132440/O1CN01IKUCzk1TtZ3Ju18nA_!!2110132440.jpg_600x600q90.jpg'>
                                </div>
                            </div>
                            <!-- 如果需要分页器 -->
                            <div class="swiper-pagination"></div>
                            <!-- 如果需要导航按钮 -->
                            <div class="swiper-button-prev"></div>
                            <div class="swiper-button-next"></div>
                        </div>
                    </div>

                </div>
                <div class="detaails_list clearfix">

                </div>
            </div>
            <div class="merchant">
                <div class="merchant_header"><span></span><span>卖家信息</span><span></span></div>
                <img src="http://logo.taobao.com/shop-logo/e0/ac/TB1Ps6_MXXXXXcIXVXXSutbFXXX.jpg" alt="">
                <span>收纳博士厂家店</span>
                <ul class="clearfix">
                    <li> <span>描述</span> <span>4.8</span></li>
                    <li> <span>服务</span> <span>4.8</span></li>
                    <li> <span>物流</span> <span>4.8</span></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="product_img">
        <div class="container">

        </div>
    </div>
    <img src="./imgs/gettop.png" class="go_top" alt="">
    <div class="footer">
        <div class="container clearfix main">
            <div>
                <img src="./imgs/login.png" alt="">
                <div>
                    <h1>熊猫优选</h1>
                    <p>年轻人网购首选
                        购物领券更省钱</p>
                </div>
            </div>
            <div class="xiazai">
                <span>|</span>
                <a href="">下载app</a>
            </div>
        </div>
        <div class="container copy">
            <p>浙公安网备案 33010602009949号 | ICP备案号: 浙ICP备17012864号-1 | 证照信息</p>
        </div>
    </div>
    <script src="./js/jq1.12.4.js"></script>
    <script src="./js/Ajax.js"></script>
    <script src="./js/swiper-bundle.min.js"></script>
    <script src="./js/glass1.js"></script>
    <script src="./js/localStorageData.js"></script>
    <script src="./js/common.js"></script>
    <script src="./js/product_details.js"></script>
</body>

</html>